.temp-1 {
    max-height: 49rem;
    overflow-y: auto;
    width: 25rem;
}

.temp-1 .temp-header-1 {
    border-bottom: 1px solid #eee;
    padding: 1rem;
    background-color: rgb(247, 247, 247);
}

.temp-2 {
    flex-grow: 1;
    min-width: 30rem;
    max-height: 49rem;
    overflow-y: auto;
}

.temp-3 {
    width: 20rem;
}

.modules-list {
    display: flex;
    flex-wrap: wrap;
}

.modules {
    width: 33.33333%;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 1rem;
    flex: 0 1 auto;
}

.modules:hover {
    background-color: #eee;
}

.outside {
    width: 401px;
    height: 741px;
    background-color: #fff;
    border-radius: 30px;
    padding: 37px 13px;
}

.phone {
    background-color: #f7f7f7;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.diy-template {
    width: 100%;
}

.diy-template img {
    width: 100%;
    height: 68px;
}